<template>
  <ul>
    <li v-for="user in users">
      <slot :user="user">
        {{ user.id }}
      </slot>
      <slot name="first" :user="user">
        {{ user.firstName }}
      </slot>
      <slot name="last" :user="user">
        {{ user.lastName }}
      </slot>
    </li>
  </ul>
</template>

<script>
export default {
  name: "UserList",
  props: ['users']
}
</script>
